<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1" session="true"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="com.are.odisea.*"%>
<%@include file="validausuario.jsp"%>
<html>
<head>
<!-- <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> -->
<meta charset="utf-8">
<title>ODISEA - Registro de Documentos</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
<link rel="stylesheet" type="text/css" href="datePicker.css"  />
<script src="js/jquery.js" language="JavaScript"> </script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="themes/redmond/jquery.ui.all.css">
<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
<script src="ui/jquery-1.8.0.js" language="JavaScript"></script>
<script src="ui/jquery.ui.core.js" language="JavaScript"></script>
<script src="ui/jquery.ui.widget.js" language="JavaScript"></script>
<script src="ui/jquery.ui.tabs.js" language="JavaScript"></script>
<script src="ui/jquery.ui.button.js"></script>
<script src="ui/jquery.effects.core.js"></script>
<script src="ui/jquery.effects.slide.js"></script>
<script src="ui/jquery.ui.datepicker.js"></script>
<link rel="stylesheet" href="demos.css">
<style type="text/css">
.demo {
	
}
</style>
<script type="text/javascript" language="javascript">
	function validar() {
		//var pasa = true;
		var categoria = $("#Categorias").val();
		var descripcion =  $("#Descripcion").val();
		var ruta = $("#Descripcion").val();
		var fec_pub =  $("#fecpub").val();
				
		/*if (usuario == "") {
			$("#msg_usuario").html("Campo requerido");
			return;
		}
		if (clave.value == "") {
			$("#msg_clave").html( "Campo requerido");
			return;
		}*/

		$.post(
				"SrvDocumentos", {
					categoria : categoria,
					descripcion: descripcion,
					ruta : ruta,
					fec_pub: fec_pub
				},
				procesar
			);
	}

	function procesar(resultado) {
		if (resultado == null) {
			$("#MsgResult").html(resultado);
		}else {
			$("#MsgResult").html(resultado);
		}
		
	}
	
	$(function(){
		$('.date-pick').datePicker({clickInput:true});
		var argumentos;
		/********* BLOQUE DE CODIGO QUE PERMITE MOSTRAR EL DIV OCULTO ************/
		$("#cmd_Nuevo").click(function(){ 
			$("#detalle").remove(); // ELIMINA EL ELEMENTO CON id = "detalle"
			$(".Formulario").show("blind", { direction: "vertical" }, 1000);
			$(".Nuevo").hide("blind", { direction: "horizontal" }, 1000);
			return false;		
		});
		$("#cmd_Cancel").click(function(){
				$(".Formulario").hide("blind", { direction: "horizontal" }, 1000);
				$(".Nuevo").show("blind", { direction: "vertical" }, 1000);
				$("#detalle").remove();
				return false;		
			});
	});
	$(function() {
		$( "#tabs" ).tabs();
		$( "input:submit, a, button", ".demo" ).button();
		$( "input:button, a, button", ".demo" ).button();
		$( "a", ".demo" ).click(function() { return false; });
		$( "#fecha" ).datepicker({
			showOn: "button",
			buttonImage: "images/calendar.gif",
			buttonImageOnly: true
		});
		$( "#fecha" ).datepicker( "option", "showAnim", "slide" );
	});	
});
</script>
<body>
<div id="head">
<%@include file="header.jsp"%>
</div>
<div class="demo">
<div id="tabs">

<ul>
    <li><a href="#tab1">Mis Documentos</a></li>
    <li><a href="#tab2">Documentos de Terceros</a></li>
    <li><a href="#tab3">Crear Nuevo Documento</a></li>
</ul>
    <div id="tab1">
    	<%HttpSession ses=request.getSession(); %>
    	<%HtmlDocumentos doc=new HtmlDocumentos();%>
		<%out.print(doc.TablaMisDocumentos((String)ses.getAttribute("id_usuario")));%>
    </div>
    <div id="tab2">
		<%out.print(doc.TablaDocumentosTer((String)ses.getAttribute("id_usuario")));%>
	</div>
	<div id="tab3">
	<div id="CrearUsuario" style= "width: 100%; display:none;" class="Formulario" >
<form name="form1" id="form1" method="post" enctype='multipart/form-data' action="SrvDocumentos">
<table style="width: 100%;">
			<thead>
			<tr>
				<th colspan=2>
				<div id="Titulo" style="width: 100%; text-align:center;">REGISTRO DE DOCUMENTOS</div>
				</th>
			</tr>
			</thead>
            <tr>
                <td>
                    Categoria</td>
                <td>
                <%HtmlCategorias cat=new HtmlCategorias(); %>
                    <select id="Categorias" name="Categorias">
                    <%out.print(cat.LlenarCombo()); %>
                    </select></td>
            </tr>
            <tr>
                <td>
                    Descripci&oacute;n</td>
                <td>
                    <textarea name="Descripcion" id="Descripcion" rows="5" cols="40"></textarea></td>
            </tr>
            <tr>
                <td>
                    Fecha de Publicaci&oacute;n</td>
                <td>
                    <!-- <input id="fecpub" type="text" onClick="popUpCalendar(this, form1.fecpub, 'yyyy/mm/dd');" size="10" />
                    <div class="jcalendar"> --><input type="text" class="date-pick" id="fecha" name="fecha" value="" size="10" /></div></td>
            </tr>
            <tr>
                <td>
                    Archivo</td>
                <td>
                    <input id="documento" name="documento" type="file" /></td>
            </tr>
            <tr>
				<td colspan=2>
				<div id="MsgResult"></div>
				<div id="Titulo" style="width: 100%; text-align:center;"><input type="submit" name="cmd_agregar" id="cmd_agregar" value = "Agregar Documento"><input type="button"
					name="cmd_Cancel" id="cmd_Cancel" value="Cancelar"></div>
				</td>
			</tr>
        </table>
</form>
</div>
<div id="NuevoDoc" style="width: 100%; text-align:center;" class="Nuevo"><input type="button"
					name="cmd_Nuevo" id="cmd_Nuevo" value="Nuevo">
		</div>
	</div>
</div>
</div>
<div id="foot">
<%@include file="foot.jsp"%>
</div>
</body>
</html>